{% load static from staticfiles %}
<!DOCTYPE html>
<html {% block ngblock %}{% endblock %}>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Visual Data Network</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href={% static '/bootstrap/css/bootstrap.min.css'%}>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href={% static '/dist/css/adminlter.min.css'%}>
    <link rel="stylesheet" href={% static '/plugins/datatables/dataTables.bootstrap.css'%}>
    <link rel="stylesheet" href={% static '/dist/css/skins/_all-skins.min.css'%}>
    <link rel="stylesheet" href={% static '/custom-lte.css'%}>
    {% block page_css %}

    {% endblock %}
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="hold-transition skin-black sidebar-collapse">
<div class="wrapper" {% block ng_control %} {% endblock %} >


  <header class="main-header">

    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" style="font-size:18px">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- Navbar Right Menu -->
        <a href="/" class="logo">
          <span class="logo-lg">Visual Data Network</span>
        </a>
     <div class="status-bar">
      {% block status_bar %}
         {% if alert %}
          <div style="margin-top:10px;padding-top:5px;padding-bottom:5px;margin-bottom:0px;" class="text-center alert bg-aqua disabled alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                {{ alert }}
          </div>
          {% endif %}
      {% endblock %}
     </div>
    </nav>
  </header>
  <aside class="main-sidebar">
    <section class="sidebar">
      <ul class="nav sidebar-menu">
        <li><a href="/"><i class="fa fa-home"></i><span class="nav-label">Home</span></a></li>
        <li><a href="/vdn/api"><i class="fa fa fa-keyboard-o"></i><span class="nav-label">REST API</span></a></li>
        {% if user.is_authenticated %}
        <li><a href="/logout"><i class="fa fa fa-sign-out"></i><span class="nav-label">Log out</span></a></li>
        {% else %}
        <li><a href="/login"><i class="fa fa fa-sign-in"></i><span class="nav-label">Log in</span></a></li>
        {% endif %}
      </ul>
    </section>
  </aside>
  <div class="content-wrapper">
    {% block page_content %}
    <section class="content-header">
    </section>
    <section class="content">


    </section>
    <!-- /.content -->
    {% endblock %}
  </div>

  <!-- /.content-wrapper -->

  <!-- Main Footer -->
  <footer class="main-footer">
    <div class="pull-right hidden-xs">
    </div>
        <strong>Copyright <a href="http://www.akshaybhat.com">Akshay Bhat, Cornell University 2017</a> All rights reserved.</strong>
  </footer>
</div>
<!-- ./wrapper -->
<script src={% static '/plugins/jQuery/jquery-2.2.3.min.js'%}></script>
<script src={% static '/plugins/flot/jquery.flot.js'%}></script>
<script src={% static '/plugins/flot/jquery.flot.resize.js'%}></script>
<script src={% static '/plugins/flot/jquery.flot.pie.js'%}></script>
<script src={% static '/bootstrap/js/bootstrap.min.js'%}></script>
<script src={% static '/dist/js/app.min.js'%}></script>
<script src={% static '/tables.js'%}></script>
<script src={% static '/plugins/datatables/jquery.dataTables.min.js'%}></script>
<script src={% static '/plugins/datatables/dataTables.bootstrap.min.js'%}></script>
<link href={% static '/select2/css/select2.min.css'%} rel="stylesheet" />
<link href={% static '/select2/css/select2-bootstrap.min.css'%} rel="stylesheet" />
<script src={% static '/select2/js/select2.min.js'%}></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-96607106-1', 'auto');
  ga('send', 'pageview');
</script>
{% block page_js %}
{% endblock %}
</body>
</html>
